<script>
    //    var DETAILS_URL = "/view/data/"
    var show = document.getElementById("show");

    var row = document.createElement("div");
    row.classList.add("row");
    row.classList.add("marginTop1r");
    row.setAttribute("style","display: none;");
    var c1 = document.createElement("div");
    c1.classList.add("col-xs-12");
    c1.classList.add("col-sm-12");
    c1.classList.add("col-md-12");
    var c2 = document.createElement("div");
    c2.classList.add("hidden-xs");
    c2.classList.add("col-sm-2");
    c2.classList.add("col-md-2");
    var c3 = document.createElement("div");
    c3.classList.add("col-xs-12");
    c3.classList.add("col-sm-8");
    c3.classList.add("col-md-8");
    var showData = function (data) {
        var a = document.createElement("a");
        a.setAttribute("style","color: #000000;");
        a.setAttribute("href", "/view/data/details.html?d="+data.id);
        var h1 = document.createElement("h1");
        h1.innerHTML = data.shop_name;
        a.append(h1);

        var img = document.createElement("img");
        img.setAttribute("src", data.image_url);
        img.setAttribute("class","details-1-img");

        var p = document.createElement("p");
        var p1 = p.cloneNode(true);
        var p2 = p.cloneNode(true);
        var p3 = p.cloneNode(true);
        p1.append("地址："+data.address);
        p2.append("手机："+data.phone);
        p3.append("营业时间："+data.businessHours);

        var Nc1 = c1.cloneNode(true);
        var Nc2 = c2.cloneNode(true);
        var Nc3 = c3.cloneNode(true);
        var Nrow = row.cloneNode(true);
        Nc3.append(p1);
        Nc3.append(p2);
        Nc3.append(p3);

        Nc2.append(img);

        Nc1.append(a);

//        Nrow.setAttribute("href",);
        Nrow.append(Nc1);
        Nrow.append(Nc2);
        Nrow.append(Nc3);

        show.append(Nrow);
        show.appendChild(document.createElement("hr"))
    }

</script>

<div class="row">
    <div class="hidden-xs col-sm-2 col-md-2">
        <a data-category="8" class="details-header">便民服务</a>
    </div>
    <div class="col-xs-12 col-sm-8 col-md-8">
        <ul class="details-ul">
            <li><a  data-type="1" class="details-a-click">美容店家</a></li>
            <li><a  data-type="2" class="details-a-Nclick">装修服务</a></li>
            <li><a  data-type="3" class="details-a-Nclick">广告制作</a></li>
            <li><a  data-type="4" class="details-a-Nclick">包材包装</a></li>
            <li><a  data-type="5" class="details-a-Nclick">代加工</a></li>
        </ul>
    </div>
</div>
<div class="hidden-xs">
    <hr class="hr1"/>
</div>

<div id="show">
    <!--<div class="row">-->
    <!--<div class="col-xs-12 col-sm-12 col-md-12">-->
    <!--<h1>大成形象设计</h1>-->
    <!--</div>-->
    <!--<div class="hidden-xs col-sm-2 col-md-2">-->
    <!--<img src="/image/setPass.png" width="150px" height="150px">-->
    <!--</div>-->
    <!--<div class="col-xs-12 col-sm-8 col-md-8">-->
    <!--<div class="col-xs-12 col-sm-12 col-md-12">-->
    <!--<p>地址：<span>烟台街道</span></p>-->
    <!--<p>手机：<span>18241956231</span></p>-->
    <!--<p>营业时间：<span>周一至周日 09:00-20:00</span></p>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<hr>-->
</div>